@media (min-width:1100px) {
    .container4{
        width: 100%;
    }
    .container5{
        width: 100%;
    }
}
@media (min-width:1200px) {
    .container4{
        width: 1160px;
    }
    .container5{
        width: 1190px;
    }
}
@media (min-width:1300px) {
    .container4{
        width: 1260px;
    }
    .container5{
        width: 1290px;
    }
}
@media (min-width:1400px) {
    .container4{
        width: 1260px;
    }
    .container5{
        width: 1290px;
    }
}
@media (min-width:1500px) {
    .container4{
        width: 1360px;
    }
    .container5{
        width: 1390px;
    }
}
@media (max-width:1500px){
    .Food-Beverage-center{
        padding: 30px 30px 27px;
    }
}

@media (max-width:1430px) {
    .navbar-default .navbar-nav>li a i{
        font-size: 18px;
        top: 25px;
        left: -2px;
    }
    .share1{
        top: 260px;
    }
    #mobile-navigation,
    .header-main .container,
    .top-nav .container{
        padding-left: 15px;
        padding-right: 15px;
    }
    .news-div-left .leammore{
        margin-top: 20px;
    }
    .wantto-text ul li a{
        font-size: 17px;
    }
    .Editors-Picks-container{
        height: 360px;
    }
    .Editors-Picks{
        height: 430px;
    }
    .Editors-Picks-right li a p{
        padding: 30px;
    }
    .Food-Beverage-center .Food-Beverage-center-border{
        padding-bottom: 20px;
        margin-top: 20px;
    }
    .lates-bottom-list li a{
        height: 140px;
    }
    .Article-time span{
        font-size: 16px;
        padding: 0px 10px;
    }
    input {
        -webkit-appearance:none;
        border-radius: 0;
        outline:none;
    background茅鈥濃€好β砱ba(0,0,0,0)
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    }
}
@media (max-width:1400px) and (min-width:1200px) {
    .Things-to-list li a img{
        height: 224px;
    }
    .iwanto-right li:nth-child(2){
        width: 30%;
    }
    .iwanto-right li:nth-child(3){
        width: 40%;
    }
    .iwanto-right li:nth-child(2) a p{
        font-size: 30px;
    }
    .iwanto-right li:nth-child(3) a p{
        font-size: 46px;
    }
    .iwanto-right li:nth-child(4) a p{
        font-size: 40px;
    }

    /*.wantto-text ul li {
            padding: 4px 0px;
        }
        .wantto-text ul li a {
            font-size: 15px;
        }*/
    .Food-Beverage-center .Food-Beverage-center-border {
        padding-bottom: 18px;
        margin-top: 0px;
    }
}
@media (max-width:1300px) {
   .shop-editor #certify .swiper-slide{
        width: 53%;
    }
    .Frequently-bottom ul li a{
        padding: 30px 20px;
        background-size: 110% 100%;
        background-position-x: 80%;
    }
    .Frequently-bottom ul li a img{
        /* width: 85px; */
    }
    .Frequently-bottom ul li a p{
        /* width: calc(100% - 85px); */
    }
    .learn-list li:nth-child(3){
        position: static;
    }

    .public-title a{
        font-size: 40px;
    }
    .livingshanghai-list li a{
        /* font-size: 22px; */
    }
    .livingshanghai-list{
        padding-top: 20px;
    }
    .list-border li a p{
        /* font-size: 30px; */
    }
    .iwanto-right li:nth-child(4) a p{
        font-size: 30px;
    }
    .iwanto-right li:nth-child(2) a p{
        font-size: 24px;
    }
    .iwanto-right li:nth-child(2) a img{
        width: 110px;
    }
    .iwanto-right li:nth-child(3) a p{
        font-size: 40px;
    }
    .Shopping-Centers-list li::before{
        width: calc(100% + 50px);
    }
    .infocue-owl .owl-item .item h4{
        font-size: 20px;
    }
}
@media (max-width:1200px) {
    
    .shop-editor #certify .swiper-slide{
        width: 60%;
    }
    .Recommended-Stores .col-md-5{
        width: 50%;
    }
    .Recommended-Stores-right{
        margin-top: 0px;
    }
    .Recommended-Stores-right div .Short-term-more{
        margin-top: 30px;
    }
    .error-img{
        top: 100px;
        width: 50%;
    }
    .footer .footer-logo img
{
        width: 150px;
    }
    .footer .footer-logo {
        width: 200px;
    }
    .footer .footer-links{
        width: 45%;
      
    }
    .footer-apps{
    }
    .footer-menu ul.navbar-nav>li>a{
        font-size: 16px;
    }
    ul.Popular-Destinations-tabs>li>a{
        margin: 0px 0px 10px;
    }
    .Food-Beverage-center{
        padding: 20px 20px 20px;
    }
    .Food-Beverage-center .Food-Beverage-center-border h4{
        margin-bottom: 15px;
        cursor: pointer;
        font-size: 20px;
    }
    .Food-Beverage-center .Food-Beverage-center-border{
        margin-top: 0px;
        padding-bottom: 0px;
    }
    .Food-Beverage-center .Food-Beverage-center-border a{
        font-size: 14px;
        margin: 10px 0px 10px;
        padding: 8px 12px;
    }
    .Things-to-div-right{
        padding: 20px 30px;
    }
    .menu-left2>li>a{
        font-size: 20px;
    }
    .menu-leftdiv{
        padding: 30px 15px;
    }
    .menu-left2>li ul.menu-left-list li a{
        font-size: 16px;
    }
}
@media (max-width:1200px) {
    .Frequently-bottom ul li a p {
        width: 100%;
        padding-left: 0px;
        text-align: center;
    }
    .Frequently-bottom ul li a img {
        width: 85px;
        float: none;
        margin: 0px auto  10px;
    }
    .Friendly-Shopping-list{
        padding: 30px;
    }
    .Friendly-Shopping-list li{
        padding: 0px 0px 0px 20px;
    }
    .Friendly-Shopping-list li::before{
        top: 13px;
    }
    .Shop-Online-list li a img {
        float: none;
        object-fit: cover;
        width: 100%;
        height: 150px;
        padding-right: 0px;
    }
    .Shop-Online-list li a div {
        margin-top: 10px;
    }
    .Shop-Online-list li a div h4{
        font-size: 18px;
    }
    .Shopping-Centers-list .swiper-slide a img{
        height: 170px;
    }
    .Shopping-night-Out .swiper-slide img{
        height: 180px;
    }
    .learn-list li a h4 p{
        line-height: 21px;
        margin-bottom: 0px;

    }
    .learn-list li a h4 span{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .iwanto-right li:nth-child(2){
        width: 30%;
    }
    .iwanto-right li:nth-child(3){
        width: 40%;
    }
    .iwanto-right li:nth-child(4) a p,
    .list-border li a p {
        font-size: 20px;
    }
    .iwanto-right li:nth-child(1) a p{
        font-size: 20px;
        text-align: center;
    }
    .iwanto-right li:nth-child(2) a p {
        font-size: 28px;
    }
    .iwanto-right li:nth-child(3) a p{
        font-size: 30px;
    }
    .iwanto-right li:nth-child(2) a img {
        width: 93px;
        margin-top: 40px;
    }
    .iwanto-left a p {
        padding-right: 15px;
        font-size: 40px;

    }
    .infocue-owl .owl-item .item h4 {
        font-size: 16px;
        line-height: 1.3;
        font-weight: 500;
    }
    .Service-Agencies-list li a p{
        line-height: 1;
    }
    .Talent-list li a .Talent-list-text{
        width: calc(100% - 200px);
    }
    .Talent-list li a img{
        width: 200px;
    }
}
@media (max-width:1100px) {

    .Article_content {
        overflow-x: auto;
    }
    .navbar-default .navbar-nav>li>a{
        font-size: 18px;
    }
    .infocue-owl .owl-item .item img{
        height: 200px;
    }
    .infocue-owl .owl-item .item h4{
        height: 64px;
        overflow: hidden;
    }
    .Fasttrack-Paperwork-list li a p i{
        right: -11px;
        top: 9px;
        font-size: 12px;
        padding: 3px;
    }
    .learn-list li a img{
        height: 180px;
    }
    .Shopping-Centers-list .swiper-slide a div h4 {
        font-size: 20px;
        font-weight: bold;
        margin-top: 0px;
    }
    .share1 ul li img {
        width: 50px;
    }
    .imgs-list ul li a p {
        height: 73px;
        font-size: 16px;
        -webkit-line-clamp: initial;
    }
    .Events-Areas-list li a img {
        height: auto;
    }
    .learn-list li a img {
        height: 175px;
    }
    .imgs-list ul li a img {
        height: 100px;
    }
    .Short-term-list li a{
        font-size: 17px;
        line-height: 1;
    }
    .navbar-default{
        min-height: 0px;
        height: 0px;
    }
    .header-main-left a img {
        width: 100%;
    }
    .header-main-right-left ul li{

    }
    .search{
        display: none;
    }

    .header-main .container{
        width: 100%;
    }
    .iphone-icon{

        display: block;

        float: right;
        margin-right: 45px;
        margin-top: 17px;

        width: 135px;

        text-align: left;
        position: relative;
    }
    .iphone-icon #email-alerts-phone,
    .iphone-icon a{

display: inline-block;

width: auto;

padding: 0px 10px;

margin-top: 4px;

position: relative;

color: #fff;

}

    .iphone-icon a i{

color: #fff;

font-size: 18px;

line-height: 0px;

}
    .iphone-icon a::after{
        content: '';
        height: 15px;
        width: 1px;
        background-color: rgba(255,255,255,0.4);
        position: absolute;
        right: -3px;
        top: 3px;
    }
    .iphone-icon #email-alerts-phone img {
        width: 15px;
    }
    .header-main-left a.navbar-brand{
        width: 200px;
    }
    .ma-infinitypush-wrapper .ma-infinitypush-button{
        box-shadow: inset 0 4px #003366, inset 0 6px white, inset 0 9px #003366, inset 0 11px white, inset 0 14px #003366, inset 0 16px white;
        top: 80px;
    }
    .share2{
        display: block;
        padding-top: 20px;

    }
    .share2 li{

        width: 25%;

        float: left;

        padding: 0px 7px;
        position: relative;
    }
    .share2 li a{

    }
    .share2 li a img{

        max-width: 100%;
        width: 40px;
        border-radius: 100%;
    }
    #mobile-navigation {
        margin: 0;
        background: #00254a;
        padding: 20px 15px  30px;
        display: none;
        width: 300px;
    }
    .ma-infinitypush-wrapper .ma-infinitypush>ul>li>a:focus-visible,
    .ma-infinitypush-wrapper .ma-infinitypush>ul>li>a{
        background: #00254a;
        color: #fff!important;
        font-size: 16px;
        text-transform: none;
        position: relative;
        background-color: transparent!important;
    }

    .ma-infinitypush-wrapper .ma-infinitypush > ul{
        border-bottom: 1px  rgba(255,255,255,0.3)  solid;
        padding-bottom: 15px;
        float: none;
    }

    #iphone-search{
        display: block;
    }
    #iphone-search .input{

        position: relative;
    }
    #iphone-search .input input:focus,
    #iphone-search .input input:focus-visible,
    #iphone-search .input input{

        width: 100%;

        height: 40px;

        border-radius: 20px!important;

        margin-top: 20px;

        background-color: transparent!important;
        color: #fff;
    }
    #iphone-search .input button{

        position: absolute;

        right: 0px;

        top: 20px;

        height: 40px;

        border-radius: 20px;

        background-color: transparent;

        border: none;

        color: #fff;

        padding-right: 15px;
    }
    .navbar-nav>li>.dropdown-menu{
        padding-left: 15px;
    }
    .navbar-nav>li>.dropdown-menu li a{
        color: #fff;
        font-size: 16px;
    }
    .ma-infinitypush-wrapper .ma-infinitypush>ul>li:nth-child(1)>a i{
        font-size: 22px;
    }

    .dropdown-toggle-btn
    {position: relative;width: 30px;height: 40px;float: left;}
    .dropdown-toggle-btn::after{
        content: '';
        border-top: 5px transparent solid;
        border-left: 5px #fff solid;
        border-bottom: 5px transparent solid;
        position: absolute;
        top: 15px;
        right: 10px;
    }
    #share-2{
    }
    .social-share a{
        margin-left: 10px;
        margin-right: 10px;
    }
    .share1{
        display: none;
    }
    .Archives-btn i{
        margin-left: 8px;
        font-size: 18px;
    }
    .Things-to-list li a img{
        height: 150px;
    }
}
@media (max-width:996px) {
    .Recommended-Stores-right div {
        padding-top: 0px;
    }
    .Recommended-Stores-right {
        margin-top: -20px;
    }
    .Recommended-Stores-right div .Short-term-more {
        margin-top: 15px;
    }
    .Recommended-Stores-right div p {
        font-size: 16px;
    }
    .Recommended-Stores-list li a p{
        font-size: 20px;
    }
    .Friendly-Shopping-list li a,
    .Friendly-Shopping-list h4{
        font-size: 16px;
    }
    .Friendly-Shopping-list {
        padding: 15px;
    }
    .Special-Offers-content>a>img {
        width: 100%;
        float: none;
        padding-right: 0px;
        border-right: none;
        margin-right: 0px;
    }
    .Special-Offers .margin-top-30{
       
    }
    .Special-Offers-content div {
        margin-top: 15px;
    }
    .search-icon-list li a div.btn{
        height: 60px;
        width: 60px;
        line-height: 3.3;
    }
    .search-icon-list li a div.btn i{
        font-size: 30px;
    }
    .search-icon-list li {
        width: 25%;
        float: left;
    }
    .header-rt .top-link li{
        padding: 0px 5px;
    }
    .footer-menu{
        display: none;
    }
    .footer .footer-links {
        width: 26%;
    }
    .Editors-Picks ul.nav-pills{
        margin-top: 30px;
    }
    .Editors-Picks ul.nav-pills li{
        margin-bottom: 10px;
        margin-right: 10px;
    }
    .Editors-Picks-container {
        height: auto;
        background-size: 100% 80%;
    }
}
@media (max-width:996px) and (min-width:767px) {
    .footer-apps ul li a img {
        max-height: 18px;
       
    }
    .Fasttrack-Paperwork-list li a p{
        padding-left: 0px;
    }
    .Fasttrack-Paperwork-list li a p span{
        width: 0px;
        height: 0px;
        border: none;
    }
    .navbar-default .navbar-nav>li>a{
        font-size: 13px;
    }
    .imgstext-list ul.picTextList li a .title{
        font-size: 18px;
    }
    .imgstext-list ul.picTextList li a .detail{
        font-size: 16px;
        margin-top: 0px;
    }
    .imgstext-list ul.picTextList li a .ImgCrop {

        width: 200px;
        height: auto;
    }
    .Talent-right-list3 a p {
        padding: 10px 15px;
        font-size: 16px;
    }
    .Job-Opportunities-right ul li a,
    .Talent-right-list1 li a{
        font-size: 16px;
    }
    #certify .swiper-slide img{
        height: 240px;
    }
    #certify .swiper-slide{
        width: 60%;
    }
    .Job-Opportunities-right ul{
        padding-left: 0px;
    }
    .Job-Opportunities-right ul li{
        padding-bottom: 0px;
    }
    .Job-Opportunities-right ul li span{
        font-size: 14px;
    }
    .Job-Opportunities-left a{
        padding-right: 30px;
    }
    .Expats-Stories-list li a img{
        height: 136px;
    }
    .Expats-Stories-list li a p{
        font-size: 16px;
        height: 130px;
        overflow: hidden;
    }
    .banner-title{
        font-size: 30px;

        margin-top: -50px;
        margin-bottom: 10px;
    }
    .search-icon-list li{
        width: 20%;
    }
    .search-for{
        padding: 10px 0px;
    }
    .list-border li a p {
        font-size: 16px;
    }
    .latest-owl .item a img{
        height: 311px;
    }
    .lates-bottom-list li a{
        height: 133px;
        font-size: 16px;
    }
    .Events-Areas-list li a img{
        height: 150px;
    }
    .infocue-owl .owl-item .item h4{
        font-size: 18px;
        line-height: 24px;
    }
    .infocue-owl .owl-item .item img{
        height: 190px;
    }
    .Weekly-Bulletin-list li a{
        font-size: 16px;
    }
    .learn-list li a img{
        height: 175px;
    }
    .learn-list li a h4 p{
        line-height: 21px;
    }
    .Events-Areas-list li a h4{
        font-size: 16px;
    }
    .welcom {
        background-color: #e8f5ff;
        margin-bottom: 50px;
        padding-top: 30px;
        padding-bottom: 40px;
    }
    .welcom-left {
        width: 100%;
    }
    .welcom-right {
        padding-left: 15px;
        width: 100%;
    }
    .shanghai-img{
        float: none;
        width: 100%;
    }
    .shanghai-div{
        padding-bottom: 40px;
    }
    .float-left .shanghai-text,
    .float-right .shanghai-text{
        float: none;
        width: 100%;
    }
    .Talent-list li a img {
        width: 180px;
        float: right;
        height: 120px;
    }
    .Talent-list li a .Talent-list-text span{
        margin-left: 3px;
    }
    .Talent-list li a .Talent-list-text p{
        width: 100%;
        padding: 17px 0px;
        margin-top: 35px;
    }
    .Talent-list li a .Talent-list-text{
        width: calc(100% - 180px);
        float: left;
    }
    .Talent-list li a .Talent-list-text h4{
        margin-top: 38px;
    }
    .Service-Guide-list li a{
        font-size: 18px;
    }
    .Talent-right-list2 li a{
        font-size: 16px;
    }
    .Choose-University-owl .swiper-slide a h4{
        font-size: 16px;
    }
    .Scholarships-left h4, .Scholarships-right h4{
        font-size: 24px;

        margin-top: 0px;
        margin-bottom: 20px;
    }
    .Scholarships-right,
    .Scholarships-left{
        height: 265px;
    }
    .Scholarships-left{
        padding: 30px 15px;
    }
    .Scholarships-left p{
        font-size: 15px;
    }
    .Short-term-list li a{
        font-size: 14px;
    }
    .Short-term-list li{
        line-height: 1.5;
    }
    .Short-term-list {

        width: 45%;
        padding: 25px 25px 25px 20px;
    }
    .Short-term-more{
        padding: 8px 0px;
    }
    .Short-term-list li::before{
        top: 17px;
    }
    .Frequently{
        padding: 40px 0px;
    }
    .Food-Beverage-center{
        padding: 20px;
    }
    .Food-Beverage-center .Food-Beverage-center-border {
        padding-bottom: 5px;
        margin-top: 0px;
    }
    .Food-Beverage-center .Food-Beverage-center-border h4 {
        margin-bottom: 5px;
        font-size: 16px;
    }
    .Food-Beverage-center .Food-Beverage-center-border a {

        margin: 4px 2px;
        padding: 3px 3px;

    }
    .Food-Beverage-center-more {
        font-size: 14px;
        margin-top: 10px;

    }
    .Things-to-list li a h4{
        padding: 15px 10px;

        font-size: 14px;
    }
    .Events-Activities-list li a .Events-Activities-list-text{
        padding: 15px;
    }
    .Events-Activities-list li a .Events-Activities-list-text h4{
        font-size: 16px;
        margin-bottom: 13px;
    }
    .Popular-Destinations-owl .owl-item > .item > a > img{
        /* height: 155px; */
    }
    .Editors-Picks-right li a p {
        padding: 15px;
        font-size: 16px;
    }
    .Culture-div-list li a img {
        height: 270px;
        object-fit: cover;
    }
    .Culture-div-list li {
        width: 50%;
        margin: 15px 0px;
    }
    .Editors-Picks-right li a span{
        margin: 0px auto;
        padding: 10px 15px;
    }
    .Editors-Picks-left h4{
        color: #fff;
    }
    .wantto-text ul li a {
        font-size: 16px;
    }
    .wantto-img{
        width: 100%;
    }
    .shanghai-wantto .col-sm-7{
        width: 100%;
    }
    .shanghai-wantto{
        padding-bottom: 40px;
    }
    .Government-list1 li{
        width: 50%;
    }
    .Government-right-list li{
        padding: 20px 15px;
    }
    .Government-right-list li a {
        font-size: 16px;
    }
    .Master-Plan-btn {

        padding: 18px 18px;
    }
    .Master-Plan-btn span i,
    .Master-Plan-btn span,
    .Master-Plan-btn p{
        font-size: 18px;
    }
    .Business-Circles{
        margin-top: 0px;
    }
    .Shopping-Areas-list li a img{
        height: auto;
    }
    .Shopping-Areas-list li a h4{
        font-size: 16px;
    }
    .Why-Shanghai-list li {
        width: 50%;
        height: 130px;
    }
    .Service-Agencies-list li{
        width: 25%;
    }
    .news-div-left h4{
        font-size: 20px;
    }
    .news-div-left p {
        font-size: 18px;
        padding-right: 0px;
        height: auto;
    }
    .iwanto-right li a p{
        display: block;
        line-height: 30px;
        margin-top: 10px;
    }
    .iwanto-right li a img{
        float: none!important;
    }
    .iwanto-right li a{
        text-align: center;
    }
    .iwanto-right li:nth-child(2) a img{
        margin-top: 0px;
    }
    .iwanto-right li:nth-child(3) a img{
        width: 100px;
    }
    .iwanto-right li:nth-child(3) a p {
        font-size: 30px;
        text-align: center;
        margin-top: 10px;
    }
    .iwanto-right li:nth-child(4) a img {
        width: 103px;
        margin-top: 0px;
    }
    .iwanto-right li a img {
        width: 86px;
        float: left;
        margin-top: 0px;
    }
    .imgs-list ul li a img{
        height: 100px;
    }
    .imgs-list ul li a p{
        height: 63px;
        font-size: 14px;
        -webkit-line-clamp: initial;
    }
    .Article-page-left .Talent-right-list3 li a span{
        padding: 0px 20px 25px;
    }
    .Article-title{
        font-size: 30px;
    }
    .Article .col-sm-4,
    .Article .col-sm-8{
        width: 100%;
    }
    #share-2{
        text-align: center!important;
        margin: 0px;
    }
    .Article_content p{
        font-size: 16px;
    }
    .Choose-University-owl .swiper-slide a>img{
        height: 105px;
    }
    .Food-Beverage-right select{
        padding: 0px 47px 0px 20px;
    }
    .Food-Beverage-right{
        padding: 40px 20px;
    }
    .Shopping-Centers-list .swiper-slide a div h4{
        font-size: 16px;
    }
    .share1 ul li img {
        width: 50px;
    }

}
@media (max-width:996px) {
    .Recommended-Stores-list li span{
        top: 30%;
        padding: 15px 20px;
        font-size: 16px;
    }
    .error-img{
        display: none;
    }
    .error-page {
        min-height: auto;
    }
    .error-content {
        width: 100%;
        float: none;
        margin-top: 100px;
        margin-bottom: 100px;
        text-align: center;
    }
    .Fasttrack-Paperwork-list li a::before{
        left: 62px;
    }
    .Fasttrack-Paperwork-list li a>i{
        width: 25px;
        display: block;
        font-size: 22px;
    }
    .Fasttrack-Paperwork-list li a p{
        font-size: 14px;
        width: calc(100% - 40px);
        padding-right: 25px;
    }
    .Editors-Picks-right .swiper-slide.swiper-slide-active{
        width: 60%!important;
    }
    .Editors-Picks-right .swiper-slide {
        width: 40%!important;
    }
}
@media (max-width:767px) {
.Article_content figcaption  span,
.Article_content figcaption{color:#a9a9a9!important;}
.Article_content figcaption span{font-size:13px!important!important;}
    .Fasttrack-Paperwork-list li a p i{
        right: 5px;
    }
    .error-content a{
        font-size: 16px;
        width: 150px;
    }
    .error-content h4{
        font-size: 30px;
    }
    .share1{
        display: none;
    }
    .banner-owl a img{
        height: auto;
    }
    .header-main{
        padding: 0px;

    }
    .shanghai-text .shanghai-border{
        /* border: none; */
        /* padding-left: 0px; */
        margin-left: 5px;
        border-width: 2px;
    }
    .shanghai-text{
        padding-right: 15px!important;
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .shanghai-text .shanghai-border h4{
        font-size: 18px;
        margin-top: 15px;
    }
    .shanghai-text .shanghai-border p{
        display: block;
    }
    .w70,
    .w30{
        width: 100%;
    }
    .link-tips{
        width: 98%;
    }
    .Editors-Picks-right .swiper-slide.swiper-slide-active{
        width: 100%!important;
    }
    .Editors-Picks-right .swiper-slide {
        width: 100%!important;
    }
    .Editors-Picks-right .swiper-slide.swiper-slide-active a {
        background-color: #cae6e0!important;
    }
    .Editors-Picks-right .swiper-slide.swiper-slide-active a p {
        padding: 20px 20px;
    }
    .Editors-Picks-right .swiper-slide.swiper-slide-active a span {
        display: block;
    }
    .Editors-Picks-right .swiper-slide.swiper-slide-active a img,
    .Editors-Picks-right .swiper-slide a img {
        height: 150px;
    }
    .Editors-Picks-right .swiper-container {
        height: auto;
    }
.Article_content video{
        max-width: 100%!important;
        width: auto!important;
        height: auto!important;
}
}
@media (max-width:767px) {
    .header-main-right-left ul li:nth-child(3){
        display: none;
    }
    #header .top-nav .container1{
        flex-direction: column;
    }
    #header .top-nav .top-nav-h4{
        margin-bottom: 6px;
    }
    .banner-owl .container {
        background: url(../img/banner-text-bg.png) no-repeat;
        background-size: calc(100% - 0px) 100%;
        padding: 5px 10px 5px 10px;
        margin-top: 0px;
        position: relative;
        background-position-x: 0px;
    }
    .banner-owl .container h4 a p{
        font-size: 18px;
        text-shadow: 0px 2px 3px rgba(0,0,0,0.2);
 -webkit-line-clamp: initial;
    }
    .banner-owl .container h4 a span{
        font-size: 14px;
        text-shadow: 0px 2px 3px rgba(0,0,0,0.2);
        margin-bottom: 5px;
    }
    .iwanto .container{
        padding-left: 0px;
        padding-right: 0px;
    }
    .banner-owl .owl-dots{
        bottom: 80px;
    }
    .twomenu-banner {
        margin-left: -15px;
        margin-right: -15px;
        display: block;
    }
    .twomenu-banner img{
        width: 100%;
        max-width: max-content;
        margin-left: 0%;
        height: 96px;
        object-fit: cover;

    }
    .iwanto-left{
        width: 100%;
        height: auto;
        padding: 15px;
    }
    .iwanto-right {
        width: 100%;
        float: left;
    }
    .iwanto-right li:nth-child(1){

        width: 45%;

        height: 248px;
        border-left: 2px #fff solid;
        border-bottom: 2px #fff solid;

    }
    .iwanto-right li:nth-child(2){

        width: 55%;

        height: 125px;

    }
    .iwanto-right li:nth-child(3){

        width: 55%;

        height: 125px;

    }
    .iwanto-right li:nth-child(4){

        width: 50%;

    }
    .iwanto-right li:nth-child(5){

        width: 50%;

    }
    .public-title a {
        font-size: 24px!important;
        padding-left: 0px;
        padding-bottom: 0px;
    }
    .iwanto-left a img {

        margin: 0px;
        display: block;
        float: left;
    }
    .iwanto-left a p {
        padding-right: 15px;
        font-size: 22px;
        margin-top: 14px;
        text-align: left;
        padding-left: 15px;
        float: left;
    }
    .iwanto-right li a{
        padding: 15px 15px;
        justify-content: left;
        /* border: none; */
        height: 125px;
    }
    .iwanto-right li a p{
        font-size: 17px!important;
        height: 95px!important;
    }
    .iwanto-right li a img {

    }
    .iwanto-right li:nth-child(1) a img{

        width: 100px;

        margin: 0px auto;

    }
    .iwanto-right li:nth-child(2) a img{

        width: 80px;

        margin-top: 9px;
    }
    .iwanto-right li:nth-child(3) a img{

        width: 85px;
    }
    .iwanto-right li:nth-child(4) a img{

        width: 70px;

        margin-top: 12px;

        margin-left: -5px;
    }
    .iwanto-right li:nth-child(5) a img{

        width: 55px;

        display: block;

        float: none;

        margin-top: 0px;

        margin: 0px auto;
    }
    .iwanto-right li:nth-child(1) a p{

        margin-top: 25px;

        padding: 0px;

        text-align: center!important;

        height: auto!important;

        display: block;

        width: 100%;

    }
    .iwanto-right li:nth-child(2) a p{
        line-height: 1.2;
    }
    .iwanto-right li:nth-child(3) a p{

        justify-content: left;

        text-align: left;
    }
    .iwanto-right li:nth-child(4) a p{

        line-height: 1.3;
    }

    .iwanto-right li:nth-child(5) a p{

        height: auto!important;

        display: block;

        padding: 0px;

        text-align: center;
    }
    .iwanto-right li a p br{
        display: none;
    }
    .infocue-owl .owl-item .item h4{

        font-size: 18px;
        margin: 10px 0px 0px;
        padding: 0px 15px;
        height: auto;
    }
    .infocue-owl .owl-item .item span{
        float: right;
        font-size: 17px;
        margin-top: 15px;
        font-weight: 400;
    }
    .iwanto .public-title{
        padding-left: 15px;
    }
    .infocue-owl .owl-item .item a{
        padding-bottom: 20px;
    }
    .latest-owl .item a img{
        height: auto;
    }
    .latest-owl .item a span{
        font-size: 18px;
    }
    .latest-owl .item a h4{

        font-size: 18px;
        padding: 10px 15px!important;
        line-height: 1.1;
    }
    .list-border li a span{
        font-size: 14px;
        /* color: #666; */
    }
    .list-border li a p{
        font-size: 16px;
        line-height: 23px;
        margin-top: 5px;
    }
    .public-aspan span{
        font-size: 12px!important;
        margin-top: 5px;
        line-height: 15px;
    }
    .livingshanghai-list li a {
        font-size: 14px;
    }
    .livingshanghai-list li{
        margin: 5px 5px;
    }
    .livingshanghai{
        margin-top: 0px;
        padding: 30px 0px;
        background-size: 100% 120%;
    }
    .talent{
        margin-top: 0px;
    }
    .learn {
        margin-top: 40px;
    }
    .public-title a br{
        display: none;
    }
    .learn-list li{
        width: 100%!important;
        margin-bottom: 10px;
    }
    .learn-list li a h4 p{
        font-size: 16px;
        line-height: 22px;
        height: auto;
    }
    .learn-list li a h4 span{
        margin-bottom: 0px;
        font-size: 14px;
    }
    .learn-list li a img{
        height: auto!important;
    }
    .Frequently{
        margin: 30px -15px 0px;
        padding: 20px 0px  30px;
    }
    .Frequently .container1{
        padding-right: 0px;
    }
    .Frequently-bottom {

        padding: 40px 0px;
        margin-left: -15px;
        margin-right: -15px;
    }
    .Frequently-owl .item a img {
        width: 50px;
        display: block;
        margin: 0px auto 10px;
    }
    .Frequently-owl .item a h4 p{
        -webkit-line-clamp: 4;
        font-size: 18px;
        line-height: 24px;
    }
    .Frequently-owl .item a h4{
        height: 136px;
        padding: 20px 0px!important;
    }
    .Frequently-owl .item a{

        padding: 25px 20px 30px 20px;
    }
    .Frequently-bottom ul li {
        width: 33%;
        float: left;
    }
    .Frequently-bottom ul li a {
        padding: 0px 0px;
        background: none;

    }
    .Frequently-bottom ul li {
        border-right: 1px rgba(255,255,255,0.3) solid;
    }
    .Frequently-bottom ul li:last-child{
        border: none;
    }
    .Frequently-bottom ul li a p {
        font-size: 16px;
        line-height: 21px;
        align-items: baseline;
        height: 70px;
    }
    .Frequently-bottom ul li a img {
        width: 70px;
    }
    .footer {
        border-top: 0px #00254a solid;
        padding: 20px 0px;
    }
    #footer .container{
        padding: 0px;
    }
    .footer .footer-links,
    .footer .footer-logo{
        width: 100%;

        float: none;}
    .footer .footer-logo img {
        width: 130px;
        margin-top: 0px;
        margin-bottom: 15px;
    }
    .goTop{
        display: none;
    }
    .Copyright{
        text-align: center;
        margin: 10px 0px 10px 0px;
        font-size: 13px;
    }
    .footer .footer-links .link-list>li>a{
        padding: 7px 15px;
    }
    .footer .footer-links .link-list>li>a span img {
        height: 41px;
    }
    .navbar-default{
        min-height: 0px;
        height: 0px;
    }
    .header-main-left a img {
        width: 100%;
    }
    .header-main-right-left ul li{
        display: none;
    }

    .header-main .container{
        width: 100%;
    }
    .iphone-icon{display: block;float: right;margin-top: 17px;width: 135px;margin-right: 45px;text-align: right;position: relative;}
    .iphone-icon #email-alerts-phone,
    .iphone-icon a{

        display: inline-block;

        width: auto;

        padding: 0px 10px;

        margin-top: 4px;

        position: relative;
        color: #fff;
    }

    .iphone-icon a i{

        color: #fff;

        font-size: 16px;

        line-height: 0px;
    }
    .iphone-icon #email-alerts-phone::after,
    .iphone-icon a::after{
        content: '';
        height: 15px;
        width: 1px;
        background-color: rgba(255,255,255,0.4);
        position: absolute;
        right: -3px;
        top: 3px;
    }
    .iphone-icon a:first-child img{
        width: 16px;
        height: 15px;
        object-fit: contain;
    }
    .header-main-left a.navbar-brand{
        width: 190px;
    }
    .ma-infinitypush-wrapper .ma-infinitypush-button{
        box-shadow: inset 0 4px #003366, inset 0 6px white, inset 0 9px #003366, inset 0 11px white, inset 0 14px #003366, inset 0 16px white;
        top: 22px;
        left:-34px!important
    }
    .share2{
        display: block;
        padding-top: 20px;

    }
    .share2 li{

        width: 25%;

        float: left;

        padding: 0px 7px;
    }
    .share2 li a{

    }
    .share2 li a img{

        max-width: 100%;

        border-radius: 100%;
    }
    #mobile-navigation {
        margin: 0;
        background: #00254a;
        padding: 20px 15px  30px;
        display: none;
    }
    .ma-infinitypush-wrapper .ma-infinitypush>ul>li>a:focus-visible,
    .ma-infinitypush-wrapper .ma-infinitypush>ul>li>a{
        background: #00254a;
        color: #fff!important;
        font-size: 16px;
        text-transform: none;
        position: relative;
        background-color: transparent!important;
    }

    .ma-infinitypush-wrapper .ma-infinitypush > ul{
        border-bottom: 1px  rgba(255,255,255,0.3)  solid;
        padding-bottom: 15px;
    }
    #iphone-search{
        display: block;
    }
    #iphone-search .input{

        position: relative;
    }
    #iphone-search .input input:focus,
    #iphone-search .input input:focus-visible,
    #iphone-search .input input{

        width: 100%;

        height: 40px;

        border-radius: 20px!important;

        margin-top: 20px;

        background-color: transparent!important;
        color: #fff;
    }
    #mobile-navigation .input{
        display: flex;
        align-items: center;
    }
    #mobile-navigation .input input{
        flex:1;
        height: 40px;
        border-radius: 20px!important;
        margin-top: 20px;
        background-color: transparent!important;
        color: #fff;
    }
    #iphone-search .input button{

        position: absolute;

        right: 0px;

        top: 20px;

        height: 40px;

        border-radius: 20px;

        background-color: transparent;

        border: none;

        color: #fff;

        padding-right: 15px;
    }
    .navbar-nav>li>.dropdown-menu{
        padding-left: 15px;
    }
    .navbar-nav>li>.dropdown-menu li a{
        color: #fff;
        font-size: 16px;
    }
    .ma-infinitypush-wrapper .ma-infinitypush>ul>li:nth-child(1)>a i{
        font-size: 22px;
    }
    .close-menu{
        display: block;
    }
    .Frequently-owl .owl-nav button{
        display: none;
    }
    .Frequently-owl{
        margin-top: 0px;
    }
    .Frequently-owl .owl-nav{
        margin-top: 0px;
    }
    .leammore{
        display: none;
    }
    .leammore1{
        display: block;

    }
    .leammore,
    .shanghai-text .shanghai-border .leammore2{
        display: block;
        margin-bottom: 30px;
    }
    .welcom-right h4{
        font-size: 20px;
    }
    .welcom-left {
        padding-top: 20px;
    }
    .shanghai-div{
        margin-left: -15px;
        margin-right: -15px;
    }
    .Talent-list li a .Talent-list-text,
    .Talent-list li a img{
        width: 100%;
        height: auto;
    }
    .banner-title{
        font-size: 20px;
        margin-top: -30px;
        margin-bottom: 0px;

    }
    .breadcrumb>li {
        font-size: 16px;
        color: #21252b!important;
    }
    .Talent-right-list2 li a,
    .Talent-right-list1 li a{
        font-size: 16px;
    }
    .search-icon-list li {
        width: 33.3%;
        float: left;
    }
    .search-icon-list  li a p{
        height: 50px;
    }
    #certify .swiper-slide img{
        height: 240px;
    }
    .shop-editor #certify .swiper-slide,
    #certify .swiper-slide{
        width: 100%;
        opacity: 0!important;
    }
    #certify .swiper-slide.swiper-slide-active{
        opacity: 1!important;
    }
    #certify .swiper-slide p{
        padding-left: 10px;
        padding-right: 10px;
        position: static;
        color: #21252b;
        text-shadow: none;
        background: none;
        padding: 0px  10px;
    }
    .dobusiness-owl{
        padding: 0px 0px 30px;
        background-color: transparent;
    }
    .Why-Shanghai {
        margin-top: 0px;
    }
    .Why-Shanghai-list li  img{
        margin-top: 0px;
        /* width: 35px; */
        height: 40px;
    }
    .Why-Shanghai-list li  div {
        width: 100%;
        padding-left: 5px;
        height: auto;
    }
    .Why-Shanghai-list li  div h4 {
        margin-bottom: 0px;
        margin-top: 15px;
        font-size: 16px;
        font-weight: 500;
    }
    .Why-Shanghai-list li  div h4 span{
        font-size: 14px;
    }
    .Why-Shanghai-list li  div p{
        font-size: 14px;
    }
    .Why-Shanghai-list li {

        padding-bottom: 5px;

        padding-top: 5px;

        width: calc(50% - 10px);

        float: left;

        padding-left: 5px;

        padding-right: 5px;
    }
    .Why-Shanghai-list{
        padding-bottom: 5px;
        border: none;
        margin: 0px -5px 0px;
        padding-top: 0px;
    }
    .Why-Shanghai .leammore{
        margin-bottom: 0px;
        margin-top: 10px;
        display: none;
    }
    .infocue{
        padding-top: 30px;
    }
    .Invest-owl .owl-item .item a{
        height: auto;
    }
    .Invest-owl .owl-item .item h4{
        margin: 10px auto  0px;

    }
    .infocue-owl .owl-item .item img{

    }
    .Handy-Resources-list li a{
        padding: 10px;
    }
    .Handy-Resources-list li a p {
        color: #1759a3;
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 10px;
        height: 39px;
    }
    .Handy-Resources-list li a i{
        margin-top: 7px;
        font-size: 28px;
    }
    .Handy-Resources{
        padding: 30px 0px;
    }
    .Service-Agencies-list li a{
        padding: 0px;
        height: 85px;
    }
    .Service-Agencies-list li{
        width: 25%;
        padding: 5px;
    }
    .search-icon-list li a div.btn img{
        height: 28px;
    }
    .search-for-top{
        margin-top: 30px;
        margin-bottom: 30px!important;
        background-color: #134a96;
        background-image: none;
        padding: 20px 0px;
    }
    .Service-Agencies-list li a img{
        height: 30px;
        margin-top: 10px;
    }
    .work-shanghai-owl {
        padding: 0px 0px 30px;
    }
    .Service-Guide{
        padding-top: 20px;
        margin-bottom: 30px;
    }
    .Service-Guide-div{
        padding: 15px 0px 15px 35px;
    }
    .Service-Guide-div h4{
        margin-bottom: 7px;
    }
    .Service-Guide-div a{
        font-size: 14px;
    }
    .Service-Guide-div h4{
        font-size: 18px;
    }
    .Job-Opportunities{
        padding: 20px 0px 30px;
        margin-bottom: 30px;
    }
    .Job-Opportunities-left ul {
        padding-right: 0px;
        border-right: none;
    }
    .Job-Opportunities-left ul li a{
        display: block;
        text-align: center;
        font-size: 16px;
    }
    .Job-Opportunities-right ul {
        padding-left: 10px;
        padding-top: 20px;
    }
    .Job-Opportunities-right ul li {
        padding-bottom: 10px;
    }
    .Expats-Stories-list li {
        margin: 0px 0px 20px;
    }
    .Expats-Stories {
        margin-bottom: 30px;
        margin-top: 30px;
    }
    .Most-requested {
        padding: 30px 0px 10px;
        margin-bottom: 30px;
        margin-left: -15px;
        margin-right: -15px;
    }
    .Expats-Stories-list li a p{
        height: auto;
        font-size: 16px;
    }
    .Most-requested-list{
        padding-left: 32px;
    }
    .Most-requested-list li a{
        font-size: 16px;
        height: auto;
    }
    .Service-Guide .col-sm-6:nth-child(1){
        padding-right: 15px;
    }
    .Service-Guide .col-sm-6:nth-child(2){
        padding-left: 15px;
    }
    .border-right-after::after{
        background-color: transparent;
    }
    .Service-Guide .Service-Guide-div:last-child{
        border-bottom: 1px #bccde4 solid;
    }
    .Job-Opportunities-right ul li span,
    .Job-Opportunities-right ul li a{
        font-size: 16px;
    }
    .imgstext-list ul.picTextList li a .ImgCrop{
        width: 100%;
        height: auto;
        margin-right: 0px;
        float: none;
        margin-bottom: 6px;
    }
    .imgstext-list ul.picTextList li a .date{
        margin-top: 10px;
        font-size: 14px;
    }
    .imgstext-list ul.picTextList li a .detail{
        margin-top: 0px;
        font-size: 16px;
        display: block;
    }
    .language-list li a{
    color: #21252b;
    }
    .imgs-list ul li a p{
        height: auto;
        font-size: 16px;
    }
    .imgstext-list ul.picTextList li a .title{
        font-size: 17px;
    }
    .Talent-right-list3{
        margin: 20px 0px 10px;
    }
    .Talent-right-list3 a img {
        width: 120px;
    }
    .Talent-right-list3 a p{
        font-size: 16px;
        float: right;
        width: calc(100% - 120px);
        padding: 10px 10px;
        line-height: 1.2;
    }
    .Article-page-left .Talent-right-list3 li a span{
        font-size: 14px;
        text-align: right;
    }
    .Talent-right{
        padding: 30px 20px 20px;
        margin-bottom: 30px;
        margin-left: -15px;
        margin-right: -15px;
    }
    .Talent-right-list2 li:last-child{
        border: none;
    }
    .Article{
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
    .Article-title{
        font-size: 22px;
        text-align: left;
    }
    .Article_content p span,
    .Article-time span{
        font-size: 16px!important;
        /*font-weight: normal!important;*/
    }
    /* .Article_content p span b,
    .Article_content p strong{
        font-weight: normal!important;
    } */
    .Article_content p em{
        font-style: oblique!important;
    }
    
    .Article_content p span,
    .Article_content ul li span{
        font-size: 16px!important;
    }
.Article_content ul li,
    .Article_content p{
        font-size: 16px;
    }
    .Article-time{
        margin: 10px 0px;
    }
    .menu-leftdiv{
        margin-bottom: 0px;
        background-color: transparent;
        overflow-x: auto;
        padding: 0px;
    }
    .menu-left li a{
        font-size: 18px;
    }
    .menu-left li.active a{
        font-size: 20px;
        padding-right: 0px;
    }
    .imgstext-list ul.picTextList li:last-child{
        margin-bottom: 0px;
        border: none;
    }
    .Government-list1 li a img{
        width: 100px;
        height: 140px;
    }
    .Government-list1 li{
        width: 50%;
        margin-bottom: 10px;
    }
    .Government-list li a h4 {
        font-size: 18px;
        margin-bottom: 5px;
        margin-top: 10px;
    }

    .Government-list li a p {
        font-size: 14px;
    }
    .Government-left-title{
        margin-bottom: 10px;
    }
    .Government-left-list li{
        font-size: 16px;
        width: 50%;
    }
    .Government-right{
        margin: 30px -15px 0px;
    }
    .Government-right-list li a {
        font-size: 16px;
    }
    .Master-Plan-btn p{
        font-size: 24px;
    }
    .Master-Plan-btn span{
        font-size: 20px;
    }
    .Departments{
        padding: 30px 0px;
        margin: 30px -15px 0px;
    }
    .Departments-list{
        padding: 20px 0px;

    }
    .Short-term-list li::before{
        top: 14px;
    }
    .Departments-list li a {
        font-size: 16px;
    }
    .Scholarships-left h4, .Scholarships-right h4{
        margin-top: 0px;
        margin-bottom: 10px;
        font-size: 22px;
    }
    .Scholarships-left{
        padding: 30px 30px;
        margin-bottom: 20px;
        height: 200px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .Scholarships-left p{
        display: none;
    }
    .Scholarships-right{
        padding: 30px 50px;
        height: 200px;
    }
    .Scholarships-top{
        top: -30px;
    }
    .Short-term-container{
        background: url(../img/Short-term.png) no-repeat;
        background-size: 250% 100%;
        position: relative;
        margin-bottom: -50px;
        background-position-x: 50%;
        margin: 0px 15px;
    }
    .Short-term-list{
        padding: 20px 15px 20px 15px;
        width: 100%;
    }
    .Short-term-list li a{
        font-size: 16px;
    }
    .Short-term-more{
        margin-left: 18px;
        margin-top: 5px;
        margin-bottom: 0px;
        padding: 9px 0px;
        width: 115px;
        position: absolute;
        bottom: -65px;
        font-size: 16px;
    }
    .Short-term .container1{
        margin-right: -30px;
    }
    .Short-term-list li{
        padding: 5px 0px 5px 20px;
    }
    .Short-term{
        margin-top: 30px;
        padding-bottom: 110px;
        margin-bottom: 0px;
        padding-top: 30px;
    }
    .Editors-Picks-container {
        background: #e7f5ff;
        background-size: 100% 100%;
        height: auto;
        padding-top: 5px;
        margin-bottom: 20px;
    }
    .Editors-Picks-left {
        padding-left: 0px;
        padding-top: 0px;
        overflow: hidden;
        margin: 0px -15px;
    }
    .Editors-Picks-right li{
        padding: 0px  5px;
        margin-top: 10px;
    }
    .Editors-Picks-right{
        margin: 0px  -20px;
        padding-top: 0px;
    }
    .Editors-Picks {
        background-color: transparent;
        padding-top: 0px;
        margin-bottom: 0px;
        height: auto;
    }
    .Popular-Destinations {
        margin: 30px 0px;
        padding: 30px 0px;
    }
    .Food-Beverage-left {
        margin-bottom: 30px;
    }
    .Food-Beverage-center{
        margin-bottom: 30px;
    }
    .Things-to {
        padding: 30px 0px  0px;
        margin: 30px 0px  0px;
    }
    .Things-to-list li {
        margin-bottom: 30px;
    }
    .Things-to-list li span{
        bottom: -50px;
        left: calc(50% - 35px);
        top: auto;
        right: auto;
        display: none;
    }
    .Events-Activities-list li {
        margin-bottom: 30px;
    }
    .Events-Activities-list li a .Events-Activities-list-text{
        min-height: auto;
    }
    .Events-Activities {
        margin-bottom: 20px;
    }
    .work-shanghai-owl  .container1{
        padding-left: 0px;
        padding-right: 0px;
    }
    #certify .swiper-button-prev{
        left: 10px;
    }
    #certify .swiper-button-next{
        right: 10px;
    }
    .Popular-Destinations-owl .owl-nav, .infocue-owl .owl-nav{
        text-align: center;
        margin-top: 20px;
    }
    .Handy-Resources::before{
        height: calc(100% - 180px);
    }
    .Service-Agencies{
        padding-top: 30px;
    }
    .Service-Agencies-list li a p{
        font-size: 12px;
    }
    .hidden-sm{
        display: block!important;
    }
    .Shopping-Centers{
        margin-bottom: 30px;
    }
    .Shopping-Centers-list{
        margin-top: 0px;
     
        padding-top: 0px;
    }
    
    .Shopping-Centers-list li{
        width: 50%;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }
    .Shopping-Centers-list li a img {
        width: 100%;
        float: none;
        padding-right: 0px;
    }
    .Shopping-Centers-list li a div p i{
        font-size: 16px;
    }
    .Shopping-Centers-list li a div h4{
        font-size: 16px;
        margin-bottom: 5px;

    }
    .Shopping-Centers-list li a div p {
        font-size: 14px;
    }
    .Business-Circles{
        margin-top: 0px;
    }
    .Shopping-Business{
        background-color: transparent;
        margin-top: 0px;
        padding-bottom: 0px;
        margin-bottom: 0px;
        padding-top: 0px;
    }
    .Shopping-Centers-list li::before{
        background-color: transparent;
    }
    .Shopping-Business .container1{
        padding-left: 0px;
        padding-right: 0px;
    }
    .Business-Circles .public-title a,
    .Shopping-Centers  .public-title a{
        text-align: center!important;
    }
    .Shopping-Areas {
        margin-bottom: 40px;
        margin-top: 30px;
    }
    .Shopping-Areas .container1{
        padding-left: 0px;
        padding-right: 0px;
    }
    .Shopping-Areas-list li {
        margin-bottom: 30px;
    }
    .Special-Offers-list li a{
        font-size: 16px;
    }
    .Shopping-Areas-list li a img{
        height: auto;
    }
    .Special-Offers {
        padding: 0px 0px 0px;
    margin-top: 0px;
    }
    .Special-Offers .container1{
        padding-left: 0px;
        padding-right: 0px;
    }
    .Shop-Online {
        margin: 30px 0px;
    }
    .Special-Offers-content{
        margin: 15px 0px;
    }
    .Special-Offers-content div a{
        text-align: center;
    }
    .Special-Offers::before,
    .Special-Offers::after{
        background: none;
    }
    .Special-Offers .public-title a{
        text-align: center;
    }
    .Special-Offers-more{
        background-color: transparent;
        font-weight: 500;
        float: none;
        color: #003366;
        font-size: 16px;
        font-style: oblique;
        margin-top: 0px;
        text-align: right;
        display: block;
        margin-bottom: 20px;
    }
    .Shop-Online-list li {
        margin-bottom: 0px;
        padding: 0px 15px;
    }
    .Shop-Online-list li a{
       
        padding: 15px 0px;
      
    }
    .Shopping-night-Out .swiper-slide img{
        height: 240px;
    }
    .Shopping-night-Out {
        margin-top: 30px;
    }
    .Recommended-Stores{
        margin-top: 30px;
        background: none;
    }
    .Recommended-Stores .col-md-5 {
        width: 100%;
    }
    .Recommended-Stores-right{
        margin-top: 30px;
        padding: 0px;
    }
    .Recommended-Stores-right div {
        background-color: #e8f5ff;
        padding: 20px;
    }
    .Recommended-Stores-right div .Short-term-more{
        position: static;
        margin-left: 0px;
    }
    .Shopping-Out-list .swiper-button-next1, .Shopping-Out-list .swiper-button-prev1{
        bottom: 14px;
    }
    .Recommended-Stores-list {
        background-color: #fff;
        padding: 0px 0px;
        margin-top: 30px;
    }
    .Recommended-Stores  .container1{
        padding-left: 0px;
        padding-right: 0px;
    }
    .list-border{
        background-color: #eaf7f4;
    }
    .Master-Plan-btn{
        padding: 25px 13px;
    }
    .Master-Plan-btn span {
        font-size: 18px;
        display: inline;
    }
    .Master-Plan-btn p {
        font-size: 22px;
    }
    .float-right,
    .float-left{
        float: none;
    }
    .shanghai-wantto {
        margin: 0px -15px 30px;
        padding-bottom: 40px;
    }
    .shanghai-wantto4 .wantto-text a.btn,
    .shanghai-wantto2 .wantto-text a.btn{
        margin-bottom: 0px;
    }
    .breadcrumb{
        margin-bottom: 15px;
    }
    .culture-bottom {
        margin-top: 0px;
        padding: 10px 0px 30px 0px;
    }
    .culture-bottom::before,
    .culture-bottom{
        background: none;
        width: 100%;
        padding-bottom: 0px;
    }
    .Haipai-Culture{
        background-color: transparent;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .Culture{
        background: url(../img/Haipai-Culture-bg.png) no-repeat;
        background-size: auto 100%;
        padding: 30px 0px  0px;
    }
    .Culture2 {
        background: url(../img/Red-Culture-bg.png) no-repeat;
        background-size: auto 100%;
        padding: 30px 0px 0px;
        position: relative;
    }
    .Culture2::before{
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        background-image: linear-gradient(118deg, rgb(221 ,235 ,232) , rgba(221 ,235, 232,0.2) );
    }
    .Culture3 {
        background: url(../img/Jiangnan-Culture-bg.png) no-repeat;
        background-size: auto 100%;
        padding: 30px 0px 0px;
        position: relative;
    }
    .Culture3::before{
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        background-image: linear-gradient(118deg, rgb(227, 231, 255) , rgba(227 ,231 ,255,0.2) );
    }
    .Culture4 {
        background: url(../img/Fashion-Culture-bg.png) no-repeat;
        background-size: auto 100%;
        padding: 30px 0px 0px;
        position: relative;
    }
    .Culture4::before{
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        background-image: linear-gradient(118deg, rgb(223 232 222) , rgba(229, 243 ,228,0.2) );
    }
    .culture-top p {
        font-size: 16px;
        color: #666;
        line-height: 1.3;
    }
    .culture-top .leammore {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .culture-bottom ul {
        padding: 10px 0px 0px;
    }
    .culture-bottom ul li {
        margin-bottom: 20px;
    }
    .culture-bottom ul li a h4{
        margin: 15px;
        height: auto;
        font-size: 18px;
        line-height: 1.5;
    }
    .Culture-margin-top {
        margin: 30px auto;
    }
    .news-div {

        padding: 30px 0px  0px;
        margin-bottom: 30px;
    }
    .news-div-left h4 {
        font-size: 18px;
        margin-bottom: 5px;
        padding-right: 0px;
        line-height: 1.4;
        margin-top: 0px;
    }
    .news-div-left p {
        font-size: 16px;
        padding-right: 0px;
    }
    .news-div-left .leammore {
        margin-top: 10px;
        float: none;
        text-align: right;
        margin-bottom: 20px;
    }
    .news-div-right li a{
        padding: 15px;
    }
    .news-div-right li a h4 {
        font-size: 16px;
    }
    .news-div-right li a span {
        font-size: 14px;
    }
    .col-sm-20 {
        width: 33.33%;
    }
    .Handy-Resources-list {
        margin-left: -5px;
        margin-right: -5px;
    }
    .Handy-Resources-list li {
        padding-left: 5px;
        padding-right: 5px;
    }
    .Handy-Resources::before {
        height: calc(100% - 130px);
    }
    .Thriving-list li a p{
        margin-bottom: 0px;
        height: 29px;
        line-height: 1;
        padding: 0px 0px;
        font-size: 13px;
    }
    .Frequently.margin-top-30{
        margin-top: 0px!important;
    }
    .want-to {
        background-color: #e3f4f0;
        padding: 30px 0px 20px;
        margin: 30px -15px 0px;
    }
    .want-to-list li{
        width: 33.33%;
        margin-bottom:10px ;
        margin-top: 10px;
    }
    .want-to-list li a img {
        width: 55px;
        height: 55px;
        float: none;
        margin: 0px auto;
        display: block;
        padding-right: 0px;
    }
    .want-to-list li a p{
        margin-top: 5px;
        font-size: 13px;
        text-align: center;
        margin-bottom: 0px;
    }
    .want-to-list li a p span {
        display: block;
        font-size: 16px;
        line-height: 1;
    }
    .want-to-list li:nth-child(4),
    .want-to-list li:nth-child(5){
        width: 50%;
    }
    .latest-right .leammore1{
        display: none;
    }
    .Weekly-Bulletin {
        margin-top: 30px;
        background-color: #e8f5ff;
        padding: 30px 0px;
    }
    .Weekly-Bulletin-bg{
        padding: 0px;
    }
    .Weekly-Bulletin-list li::after {
        content: '';
        height: 4px;
        width: 4px;
        position: absolute;
        background-color: #999;
        top: 0px;
        right: 15px;
        border-radius: 100%;
        left: 0px;
        top: 21px;
    }
    .Events-Areas {
        margin-bottom: 30px;
        margin-top: 0px;
    }
    .Events-Areas-list {
        margin: 0px -30px;
    }
    .Events-Areas-list li {
        margin-bottom: 15px;

    }
    .lates-bottom-list{margin: 0px 0px 30px!important;background-color: #eaf7f4;}
    .search-result li a p.detail {
        font-size: 16px;
    }
    .search-result li a h4{
        font-size: 18px;
    }
    .Government-left  .public-title a,
    .Government-right  .Talent-right-title{
        text-align: center;
    }
    .dropdown-toggle-btn
    {position: relative;width: 30px;height: 40px;float: left;}
    .dropdown-toggle-btn::after{
        content: '';
        border-top: 5px transparent solid;
        border-left: 5px #fff solid;
        border-bottom: 5px transparent solid;
        position: absolute;
        top: 15px;
        right: 10px;
    }
    .wantto-text{
        padding-left: 0px;
    }
    .wantto-text ul{
        padding: 15px 20px;
    }
    .wantto-text ul li a{
        font-size: 16px;
    }
    .shanghai-wantto{
        padding-bottom: 30px;
    }
    .Editors-Picks-right li a{
        min-height: 325px;
    }
    .Editors-Picks-right li a p{
        padding: 15px;
        font-size: 16px;
    }
    .Editors-Picks-right li a span{
        font-weight: 500;
        font-size: 14px;
        padding:12px;
        width: 80%;
        margin: 0px auto;
    }
    .Food-Beverage-left p{
        font-size: 18px;
        padding: 20px 30px 30px;
    }
    .Events-Activities-list {
        margin: 0px -5px;
    }
    .Events-Activities-list li {

        width: 50%;
        float: left;
        padding: 0px 5px;
        margin-bottom: 10px;
    }
    .Events-Activities-list li a .Events-Activities-list-text {
        min-height: auto;
        padding: 15px;
        height: 210px;
    }
    .Events-Activities-list li a .Events-Activities-list-text p{
        display: none;
    }
    .Events-Activities-list li a .Events-Activities-list-text h4{
        font-size: 18px;
    }
    .Service-Guide-list li a{
        font-size: 15px;
    }
    .Talent-left .public-title a{
        text-align: center;
    }
    .Talent-right .Talent-right-title{
        text-align: center;
    }
    .search-for,
    .welcom{
        margin-bottom: 30px;
    }
    .welcom,
    .search-for{
        margin-left: -15px;
        margin-right: -15px;

    }
    .list-border li {
        border-top: none;
        padding: 0px 15px;
    }
    .list-border li a {
        color: #21252b;
        padding: 20px 0px;
        display: block;
        border-bottom: 1px #ddd solid;
    }
    .list-border li:last-child{
        border: none;
    }
    .Shop-Online-list li:last-child a{
        border: none;
    }
    .latest-right {
        margin-top: 20px;
    }
    .Weekly-Bulletin-list li a{
        font-size: 16px;
    }
    .Job-Opportunities-left a{
        padding-right: 0px;
        border-right: 0px;
    }
    .Job-Opportunities-right ul li span{
        color: #666;
        margin-top: 0px;
        font-size: 13px;
    }
    .Choose-University-owl  .swiper-button-next1,
    .Choose-University-owl .swiper-button-prev1{
        bottom: 15px;
    }
    .Choose-University-owl .swiper-slide a h4{
        height: auto;
        overflow: initial;
    }
    .Scholarships{
        margin-top: 60px;

    }
    .Choose-University-owl .swiper-slide a h4 img{
        max-width: 33px;
    }
    .search-page .search-form .input {
        height: 52px;

    }
    .search-page .search-form .input input {
        height: 50px;
        width: calc(100% - 100px);

        font-size: 18px;

    }
    .search-page .search-form .input .Searchbtn {
        height: 50px;
        width: 100px;

        font-size: 18px;

    }
    .search-result-tip{
        font-size: 14px;
    }
    .search-result li a h4{
        font-weight: bold;
    }
    .search-result li {
        margin-bottom: 30px;
        border-bottom: 1px #999 solid;
        padding-bottom: 20px;
    }
    .Article-page-left .Talent-right{
        margin-bottom: 0px;
        padding-bottom: 1px;
    }
    .Article-page-left .Talent-right .Talent-right-title{
        text-align: left;
    }
    .Article-page-left  .Talent-right-list3 a img{
        width: 100%;
    }
    .Article-page-left .Talent-right-list3 li a p{
        width: 100%;
        padding-bottom: 15px;
        line-height: 1.5;
        padding-left: 15px;
        padding-right: 15px;
        float: none;
    }
    .Article-page-left .Talent-right:nth-child(2){
        margin-top: 0px!important;
        padding-top: 1px;
        padding-bottom: 20px;
    }
    .imgstext-list ul.picTextList li {
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 1px #999 solid;
    }
    .menu-left li {
        margin-bottom: 25px;
        display: inline-block;
        margin-right: 20px;
    }
    .menu-left {
        width: 770px;
    }
    .menu-left li.active a::after {
        content: '';
        border-top: none;
        border-left: none;
        border-bottom: 2px #003366 solid;
        position: absolute;
        right: auto;
        top: auto;
        width: 100%;
        bottom: -6px;
        left: 0px;
    }
    .imgs-list>ul>li {

        width: 100%;

        margin-bottom: 25px;
    }
    .imgs-list ul li a img {
        height: auto;
    }
    .Article-page-bottom  .leammore{
        display: none;
    }
    .Article-page-bottom {
        margin-top: 0px;
        padding-bottom: 10px;
    }
    .search-for{
        padding: 30px 0px;
        background: url(../img/search-for-iphone.png) no-repeat;
        background-size: 100% 100%;
    }
    .search-for  .public-title a{
        text-align: center;
    }
    .banner-owl .owl-dots .owl-dot span{
        width: 30px;
        height: 2px;
    }
    .Why-Shanghai-list li {
        padding: 20px 0px;
        margin: 5px;
    }
    .Shopping-Centers-list .swiper-slide a{
       
    }
    .Shopping-Centers-list .swiper-slide a div,
    .Shopping-Centers-list .swiper-slide a img{
        width: 100%;
        padding-right: 0px;
        float: none;
    }
    .Shopping-Centers-list .swiper-slide a img{
        height: auto;
    }
    .Shopping-Centers-list .swiper-slide a div h4{
        font-size: 18px;
        margin-top: 15px;
        margin-bottom: 5px;

    }
    .Shopping-Centers-list .swiper-slide a div p i,
    .Shopping-Centers-list .swiper-slide a div p{
        font-size: 15px;
    }
    .Shopping-Centers-list .swiper-button-next1, .Shopping-Centers-list .swiper-button-prev1{
        bottom: 0px;
    }
    .Shop-Online-list{
        background-color: #eaf7f4;
        margin: 0px;
    }
    .Shopping-Areas-list .owl-nav{
        margin-top: 0px;
    }

    .culture-bottom ul li a img{
        height: auto;
    }
    .Editors-Picks-right li a img{
        height: 120px;
    }
    .Editors-Picks-right li a span{
        padding: 9px 12px;
    }
    .search-box{
        height: 0px!important;
    }
    .Talent-list li a img{
        float: none;
    }
    .Talent-list li a .Talent-list-text p{
        margin-top: 0px;
        padding: 15px 0px;
    }
    .Talent-list li a .Talent-list-text span{
        margin-left: 20px;
    }
    .Frequently-email{
        position: relative;
        padding: 30px 15px 90px;
        margin: 60px 15px 30px 0px;
    }
    .Frequently-email p span{
        position: absolute;
        bottom: 35px;
        left: 0px;
    }
    .Culture-div {
        margin-top: 30px;
    }
    .Culture-div-list {
        margin: 0px -5px;
    }
    .Culture-div-list li {
        width: 100%;
        float: left;
        margin: 5px 0px;
        padding: 0px 5px;
    }
    .Culture-div-list li a img {
        height: auto;
        object-fit: cover;
    }
    .Culture-div-list li a span{
        font-size: 16px;
        padding: 5px 15px;
    }
    .Things-to-list li a h4{
        padding: 20px 10px;
        text-align: center;
        font-size: 16px;
    }
    .Fasttrack-Paperwork{
        padding: 10px 0px 20px;
    }
    .Fasttrack-Paperwork-list li a{

        padding: 15px;
    }
    .Fasttrack-Paperwork-list li a::before{
        left: 70px;
    }
    .Fasttrack-Paperwork-list li a>i{
        font-size: 26px;
    }
    .Fasttrack-Paperwork-list li a p{
        width: calc(100% - 60px);
    }
    .Weekly-Bulletin-list li:last-child:after{
        background-color: #999;
    }
    .top-nav{
        display: block;
        padding: 0px;
    }
    .header-rt{
        display: none;
    }
    .top-nav .top-nav-h4{
        margin-bottom: 0px;
    }
    .Things-to-list li a img{
        height: auto;
    }
    .Events-Activities-list li a img {
        height: 110px;
        object-fit: cover;
    }
    .latest,
    .infocue, .iwanto{
        padding-top: 30px;
    }
    em{
        font-style: oblique;
    }
    strong{
        font-weight: bold;
    }
    .footer-apps {
        width: 100%;
        margin-top: 20px;
        padding: 0px;
    }
    .footer-apps ul{
        text-align: center;
    }
    .footer-apps ul li{
        margin: 0px  10px;
    }
    .Friendly-Shopping-list{
        width: 100%;
    }
    .Friendly-Shopping-list {
        padding: 20px;
    }
    .Friendly-Shopping-list li a, .Friendly-Shopping-list h4{
        font-size: 18px;
    }
    .Recommended-Stores-right  .public-title a{
        text-align: center;
    }
    .Friendly-Shopping{
        margin-top: 30px;
        padding-top: 20px;
        margin-bottom: 0px;
    }
    .Shop-Online-list li a img{
        height: auto;
    }
    .header-main .container1{
        padding: 0px;
        width: 100%;
      }
      .shop-editor #certify {
        padding: 0px;
    }
    .Recommended-Stores-list li a:first-child::before{
        background: none;
    }
    .language-list li{
        text-align: left;
    }
    .language-list{
        right:-18px ;
    }
.Article_content figure,
.Article_content figure img,
.Article_content p img,
.Article_content figcaption{
    width: 100% !important;
font-size: 13px;
height: auto !important;
}
    .Editors-Picks ul.nav-pills{
        padding-left: 0px;
    }
    .Editors-Picks ul.nav-pills li a{
        font-size: 14px;
    padding: 6px 10px;
    border-radius: 10px;
    }
    .Editors-Picks ul.nav-pills li+li {
        margin-left: 0px;
        margin-right: 10px;
    }
    .travel-guide{
        margin-top: 0px;
    }
    ul.Popular-Destinations-tabs>li>a{
        font-size: 14px;
    }
    .Things-to-div-right,
    .Things-to-div-left,
    .col-sm-22,
    .col-sm-56{
        width: 100%;
    }
    .Things-to-div-right h4{
        font-size: 18px;
    }
    .Things-to-div-right a{
        font-size: 16px;
        margin-top: 10px;
    margin-bottom: 20px;
    }
    .Duty-Free{
        margin-bottom: 30px;
    }
    .menu-left2 {
        width: 100%;
        padding: 30px 15px;
        background-color: #eef5ff;
        margin-bottom: 20px;
    }
    .menu-left2 li{
        display: block;
        margin-right: 0px;
    }
    .menu-left2>li ul.menu-left-list li{
        margin-bottom: 0px;
    }
    .menu-left2>li.active>a{
        position: relative;
    }
    .menu-left li.active a::after{
        border-bottom: none;
    }
    .lates-bottom-list li a{
        height: auto;
        border-bottom: 1px #ddd solid;
        padding: 20px 0px;
        font-size: 16px;
    }
    .lates-bottom-list li:last-child a{
        border-bottom: none;
    }
}



@media (max-width:480px) {

}
@media (max-width:345px) {
    .Handy-Resources-list li a p{
        font-size: 14px;
        height: 70px;
    }
    .Service-Agencies-list li a{
        height: 140px;
    }
    .iwanto-right li:nth-child(2) a img{
        width: 70px;
    }
    .iwanto-right li:nth-child(3) a img {
        width: 65px;
    }
    .iwanto-right li:nth-child(5) a img{
        margin-top: 0px;
    }
    .iwanto-right li:nth-child(5) a p{
        line-height: 1.2;
        margin-top: 5px;
    }
    .iwanto-right li:nth-child(4) a img{
        width: 60px;
    }
    .header-main-left a.navbar-brand {
        width: 170px;
    }
    .iwanto-right li a p{
        font-size: 16px!important;
    }
 
}
@media (max-width:370px) {
    .iphone-icon{
        float: left;
        margin-right: 0px;
    }
}